<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            出差申请信息
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>类型</span>{{type}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差单号</span>{{tripNum}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>申请人</span>{{userName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差开始时间</span>{{planStime}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差结束时间</span>{{planEtime}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>预测总费用</span>￥{{spMoney}}元
              </p>
            </div>
            <!--<div class="bio-row">-->
            <!--<p>-->
            <!--<span>出差说明</span>￥{{tripComments}}-->
            <!--</p>-->
            <!--</div>-->
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            出差预测费用明细
          </header>
          <div class="panel-body">
            <div class="bio-row" ng-repeat="x in bugets">
              <p>
                <span>{{x.bugetType}}</span>￥{{x.buget}}元
              </p>
            </div>
          </div>
        </section>
        <section class="panel hdoabtmeg">
          <input type="hidden" value="{{sproId}}" id="proId"/>
          <input type="hidden" value="{{aid}}" id="appId">
          <header class="panel-heading">
            工作计划与结果
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>归属项目</span>{{sproName}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划开始时间</span>{{planStime}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划结束时间</span>{{planEtime}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>地点</span>{{splanCity}}
              </p>
            </div>
            <div class="bio-row line-row">
              <p>工作计划</p>
              <p>{{splanComments}}</p>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">实际计划开始时间<span>*</span></label>
              <div class="col-sm-4">
                <input type="text" value="{{actualAplStarTime}}" id="startTime" disabled class="form-control">
              </div>
              <label class="col-sm-2 control-label">实际计划结束时间<span>*</span></label>
              <div class="col-sm-4">
                <input type="text" value="{{actualAplEndTime}}" id="endTime" disabled class="form-control">
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">工作结果<span>*</span></label>
              <div class="col-sm-10">
                <textarea class="form-control" id="planResult" maxlength="500"
                          disabled placeholder="是否完成计划内容，具体完成情况如何？">{{tripResult}}</textarea>
              </div>
            </div>
          </div>
        </section>
        <section class="panel">
            <div class="panel-body">
                <p class="default-buttons">
                    <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
                    <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="window.history.back()">确认</a>
                </p>
            </div>
        </section>

        <!--流程star-->
        <section>
          <a href="javascript:void(0);" class="second" id="process" onclick="shaper();">
            流程跟踪
          </a>
        </section>
        <!-- 流程跟踪展示效果 -->
        <section class="hdaper">
          <div class="panel">
            <div class="panel-heading add-heading">
              流程跟踪
              <i class="add-icon icon-remove" href="javascript:$.pageslide.close()" onclick="hdaper();"></i>
            </div>
            <div class="panel-body panel-proce">
              <div class="proce-middle" id="nodeContiner"></div>
            </div>
          </div>
          <div class="paper-bg"  onclick="clsbox();"></div>
        </section>
        <!--流程end-->
      </div>
    </div>
  </section>
</section>
  <script src="js/trip/writeSingleTripResult.js"></script>
<script src="js/trip/tripSingleNode.js"></script>